<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>预约过期</title>
    <link rel="stylesheet" href="../src/css/weui.css">
    <script src="../src/js/libs/jquery-3.0.0.min.js"></script>
    <script src="../src/js/main.js"></script>
    <style>
        body{
            font: 0.5625rem/1em "微软雅黑";
            background-color: #F2F2F2;
        }
        /* 顶部样式 */
        .weui_cells_title.title{
            font-size: 1.4rem;
            margin: 1.5rem;
            color: #333333;
        }
        /* 调整图标大小 */
        .weui_icon_msg:before{
            font-size: 2.5rem;
        }
        /* 文字图标对齐 */
        i.weui_icon_msg{
            font-size: 2rem;
        }

        /* 预约详情 */
        .weui_cells_title.detail{
            font-size: 1.2rem;
            color: #333333;
            line-height: 3rem;
            margin: 0;
            background-color: #FFFFff;
            padding-left: 5%;
        }
        .weui_cells.detail .weui_cell_bd{
            font-size: 1rem;
            color: #828282;
        }
        .weui_cells.detail .weui_cell_ft{
            font-size: 0.95rem;
            color: #828282;
        }
    </style>
</head>
<body>
<div class="weui_cells_title title">
    <i class="weui_icon_msg weui_icon_warn"></i>
    预约服务已过期</div>


<div class="weui_cells_title detail">汽车美容</div>
<div class="weui_cells detail">
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>订单编号</p>
        </div>
        <div class="weui_cell_ft">25523494032</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>预约顾客</p>
        </div>
        <div class="weui_cell_ft">王先生</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>练习方式</p>
        </div>
        <div class="weui_cell_ft">13888888888</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>备注</p>
        </div>
        <div class="weui_cell_ft">粤AR8888</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>预约时间</p>
        </div>
        <div class="weui_cell_ft">2016-07-07 9：00-12：00</div>
    </div>
</div>
</body>
</html>